﻿.textareas-commentReply .el-textarea__inner::-webkit-input-placeholder,.code-input-div .el-input__inner::-webkit-input-placeholder{color: #000;}
.textareas-commentReply .el-textarea__inner::-moz-placeholder,.code-input-div .el-input__inner::-moz-placeholder{color: #000;}
.textareas-commentReply .el-textarea__inner::-moz-placeholder,.code-input-div .el-input__inner::-moz-placeholder {color: #000;}
.textareas-commentReply .el-textarea__inner:-ms-input-placeholder ,.code-input-div .el-input__inner:-ms-input-placeholder{color: #000;}
#commentReply{max-width:1200px;margin:0 auto;}
.close-expression{position:absolute;bottom:2px;right:5px;cursor:pointer;}
.commentReply-parent{padding:0 20px;}
.my-goReply{padding:10px 0;}
.my-goComment{width:100%;}
.icon-comment-reply{margin:10px;position:relative;}
.comment-addGood-text{position:absolute;top:0;left:15px;opacity:0;}
.comment-addGood-animation{animation:comment-reply-anminate .5s linear;}
@keyframes comment-reply-anminate{
    from{top:0;opacity:0;}to{ top:-20px;opacity:1; }
}
.icons-comment-reply{margin-right:5px;}
.comment-reply-active{color:red;}
.reply-icon{font-size:16px;}
.reply-icon span{font-size:15px;}
.loadingBtn-comment-reply{display:flex;justify-content:center;margin:40px;}
.loadingBtns-comment-reply{display:flex;justify-content:center;margin:10px 0;}
.reply-number{padding:10px 0;border-bottom:1px solid rgba(178,186,194,.3);margin-bottom:30px;font-size:18px;font-weight:bold;color:#666;}
.reply-title{margin-bottom:5px;}
.btns-comment-reply{display:flex;justify-content:space-between;box-sizing:border-box;padding:10px 0;align-items:center;width:100%;}
.btns-comment-reply-code{justify-content:flex-end;}
.textareas-commentReply{width:100%;}
.icon-tb-commentReply{cursor:pointer;display:flex;justify-content:space-between;margin-right:10px;}
.author-title:not(:last-child){border-bottom: 1px solid rgba(178,186,194,.3)}
.author-title{padding:10px 0;color:#666;}
.author-info{display:inline-block;width:100%;line-height:20px;}
.comment-date-update{display:flex;justify-content:space-between;align-items:center;}
.author-info span{display:block;cursor:pointer;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.author-name{color:#000;font-size:16px;}
.author-time{font-size:14px;}
.icon-btn-commentReply{margin:5px 0;}
.icon-btn-commentReply span{cursor:pointer}
.talk-box-commentReply{text-align:justify;}
.talk-box-commentReply p{margin:0;}
.reply-parent{font-size:14px;color:#000;line-height:1.6;text-align:justify;}
.reply-box{margin:10px 0 0 50px;}
.reply-box-parent{background:rgb(245,245,245);padding:0 10px;}
.commentInfo-No{text-align:center;font-weight:bold;font-size:15px;}
/*表情*/
.expression{position:relative;display:flex;justify-content:space-between;align-items:center;}
.emotion-box {position:absolute;top:15px;max-width: 400px;box-sizing: border-box;padding: 5px; border: 1px solid #b4b4b4;
              overflow: hidden; overflow-y: auto;background:#fff;border-radius:4px;z-index:99;}
.emotion-box-code{right:120px;}
.emotion-box-code-no{left:25px}
.emotion-box-line {display: flex; flex-wrap:wrap;justify-content:flex-start;}
.emotion-item {text-align: center;cursor: pointer;}
.ly-emotion { display: inline-block}
.code-input-div{display:flex;align-items:center;}
.code-input{width:250px;margin-right:5px;}
.code-input-div .el-input-group__append{padding:0;}
.code-img-commply{max-width:100px;display:flex;align-items:center;}
/*自适应*/
@media only screen and (max-width:850px) {
    .code-input-div{margin-top:10px;}
    .code-input{width:100%!important}
    .expression{display:block;}
    .btns-comment-reply-code{justify-content:space-between;}
    .emotion-box-code{right:auto;left:0;top:85px;}
    .emotion-box-code-no{left:0;top:50px;}
}
@media only screen and (max-width:400px) {
    .icon-comment-reply{margin:0;margin-right:5px;}
    .icons-comment-reply{margin:0;}
    .icon-btn-commentReply{padding-right:5px;}
    .commentReply-parent{padding:0 5px;}
}

img.ui-verification-code-cmage{max-width:initial;}